DIVERSE CURSUL 7

7.3.2 CASETA DIMENSIUNI

la label final

< section>
< h4>7.3.2 CASETA DIMENSIUNI< /h4>
< h5>la label initial< /h5>
< div class="caseta">
< label for="caseta">caseta 1< /label>
< input type="text" id="caseta" name="caseta" >
< /div>
< div class="caseta">
< label for="caseta ">caseta 2demonstrativa < /label>
< input type="text" id="caseta2" name="caseta2">
< /div
> < /section>
< h4>7.3.2 CASETA DIMENSIUNI< /h4>
< h5>la label final< /h5>
< div class="caseta">
< label for="caseta">caseta 1< /label>
< input type="text" id="caseta" name="caseta" class="a">
< /div>
< div class="caseta">
< label for="caseta ">caseta 2demonstrativa < /label>
< input type="text" id="caseta2" name="caseta2">
< /div>
< /section>

.caseta {
width: 295px;
height: 22px;
padding: 5px ;
}
/*setare border cu cele trei elemente*/
.caseta {
border-style: solid;
border-width: 5px;
border-color: blueviolet;
}
/*setare margin*/
.caseta {
margin: 10px;
}
.a {
margin: 0 0 0 90px;
}
/* in aceasta situatie pentru a alineea
caseta am dat o class+"a" la imput si la
classa aceea a folosit margine care a depalasat
caseta imput fata de caseta label*/